body,
html {
    padding: 0;
    margin: 0;
    width: 100%;
    min-width: 1150px;
    background: #f5f5f5;
}
body #main,
html #main {
    width: 100%;
    margin: 0 auto;
}
body #main #header,
html #main #header {
    height: 70px;
    margin-bottom: 10px;
}
body #main #header .bg,
html #main #header .bg {
    width: 100%;
    height: 70px;
    background: #35acfd;
    /*background: url(../../images/slidebar/hd_bg.png) repeat-y 0 0;*/
    /*background-size: 100% 100%;*/
    margin: 0 auto;
    text-align: center;
}
body #main #header h1.logo,
html #main #header h1.logo {
    width: 177px;
    height: 25px;
    line-height: 70px;
    float: left;
    padding-left: 30px;
}
body #main #header .loginmsg,
html #main #header .loginmsg {
    float: right;
    color: #fff;
    width: 135px;
    height: 70px;
    margin-right: 10px;
    position: relative;
    line-height: 70px;
    cursor: pointer;
}
body #main #header .loginmsg .personalcenter,
html #main #header .loginmsg .personalcenter {
    width: 112px;
    margin: 0 auto;
}
body #main #header .loginmsg .personalcenter i,
html #main #header .loginmsg .personalcenter i,
body #main #header .loginmsg .personalcenter b,
html #main #header .loginmsg .personalcenter b,
body #main #header .loginmsg .personalcenter span,
html #main #header .loginmsg .personalcenter span {
    float: left;
}
body #main #header .loginmsg .personalcenter i,
html #main #header .loginmsg .personalcenter i,
body #main #header .loginmsg .personalcenter b,
html #main #header .loginmsg .personalcenter b {
    margin-top: 6px;
}
body #main #header .loginmsg .personalcenter i,
html #main #header .loginmsg .personalcenter i {
    margin-right: 4px;
}
body #main #header .loginmsg .personalcenter b,
html #main #header .loginmsg .personalcenter b {
    margin-left: 6px;
}
body #main #header .loginmsg .personmsg,
html #main #header .loginmsg .personmsg {
    width: 160px;
    height: 100px;
    position: absolute;
    top: 70px;
    right: 0;
    z-index: 9999999;
    display: none;
    padding: 0 12px;
    background: #fff;
    box-shadow: 2px 2px 10px #c9c0c0;
    border: #ccc solid 1px;
}
body #main #header .loginmsg .personmsg li,
html #main #header .loginmsg .personmsg li {
    height: 51px;
    color: #808080;
    padding-left: 15px;
    font: normal 14px/51px "微软雅黑";
}
body #main #header .loginmsg .personmsg li span,
html #main #header .loginmsg .personmsg li span {
    float: left;
    height: 41px;
    margin-right: 12px;
    padding-top: 5px;
}
body #main #header .loginmsg .personmsg li a,
html #main #header .loginmsg .personmsg li a {
    float: left;
}
body #main #header .loginmsg .personmsg li.personal,
html #main #header .loginmsg .personmsg li.personal {
    border-bottom: #ccc solid 1px;
}
body #main #wrapper,
html #main #wrapper {
    width: 100%;
}
body #main #wrapper #slidebar,
html #main #wrapper #slidebar {
    border: #ccc solid 1px;
    padding: 13px 17px 48px 21px;
    border-radius: 2px;
    box-shadow: 2px 2px 4px #eee;
    float:left;
    width:200px;
    margin-left:10px;
    background: #fff;

}
body #main #wrapper #slidebar .slide_menu .index,
html #main #wrapper #slidebar .slide_menu .index,
body #main #wrapper #slidebar .slide_menu .M01,
html #main #wrapper #slidebar .slide_menu .M01,
body #main #wrapper #slidebar .slide_menu .M02,
html #main #wrapper #slidebar .slide_menu .M02,
body #main #wrapper #slidebar .slide_menu .M03,
html #main #wrapper #slidebar .slide_menu .M03,
body #main #wrapper #slidebar .slide_menu .M04,
html #main #wrapper #slidebar .slide_menu .M04,
body #main #wrapper #slidebar .slide_menu .M05,
html #main #wrapper #slidebar .slide_menu .M05,
body #main #wrapper #slidebar .slide_menu .M06,
html #main #wrapper #slidebar .slide_menu .M06,
body #main #wrapper #slidebar .slide_menu .M07,
html #main #wrapper #slidebar .slide_menu .M07,
body #main #wrapper #slidebar .slide_menu .M08,
html #main #wrapper #slidebar .slide_menu .M08,
body #main #wrapper #slidebar .slide_menu .M09,
html #main #wrapper #slidebar .slide_menu .M09,
body #main #wrapper #slidebar .slide_menu .M10,
html #main #wrapper #slidebar .slide_menu .M10,
body #main #wrapper #slidebar .slide_menu .M11,
html #main #wrapper #slidebar .slide_menu .M11,
body #main #wrapper #slidebar .slide_menu .M12,
html #main #wrapper #slidebar .slide_menu .M12,
body #main #wrapper #slidebar .slide_menu .M13,
html #main #wrapper #slidebar .slide_menu .M13{
    width: 134px;
    color: #566278;
    padding-left: 28px;
    margin: 9px 0;
    float: left;
    font: normal 16px/24px "微软雅黑";
}
body #main #wrapper #slidebar .slide_menu span,
html #main #wrapper #slidebar .slide_menu span {
    float: left;
    width: 10px;
    height: 5px;
    margin-top: 20px;
    background: url(../../images/slidebar/bottom.png) no-repeat 0 0;
}
body #main #wrapper #slidebar .slide_menu .M01,
html #main #wrapper #slidebar .slide_menu .M01 {
    background: url(../../images/slidebar/basic.png) no-repeat 0 0;
}
body #main #wrapper #slidebar .slide_menu .M02,
html #main #wrapper #slidebar .slide_menu .M02 {
    background: url(../../images/slidebar/professial.png) no-repeat 0 0;
}
body #main #wrapper #slidebar .slide_menu .index,
html #main #wrapper #slidebar .slide_menu .index {
    background: url(../../images/slidebar/index.png) no-repeat 0 0;
}
body #main #wrapper #slidebar .slide_menu .M03,
html #main #wrapper #slidebar .slide_menu .M03 {
    background: url(../../images/slidebar/user.png) no-repeat 0 0;
}
body #main #wrapper #slidebar .slide_menu .M04,
html #main #wrapper #slidebar .slide_menu .M04 {
    background: url(../../images/slidebar/health.png) no-repeat 0 0;
}
body #main #wrapper #slidebar .slide_menu .M05,
html #main #wrapper #slidebar .slide_menu .M05 {
    background: url(../../images/slidebar/data.png) no-repeat 0 0;
}
body #main #wrapper #slidebar .slide_menu .M06,
html #main #wrapper #slidebar .slide_menu .M06 {
    background: url(../../images/slidebar/visit.png) no-repeat 0 0;
}
body #main #wrapper #slidebar .slide_menu .M07,
html #main #wrapper #slidebar .slide_menu .M07 {
    background: url(../../images/slidebar/relate.png) no-repeat 0 0;
}
body #main #wrapper #slidebar .slide_menu .M08,
html #main #wrapper #slidebar .slide_menu .M08 {
    background: url(../../images/slidebar/function.png) no-repeat 0 0;
}
body #main #wrapper #slidebar .slide_menu .M09,
html #main #wrapper #slidebar .slide_menu .M09 {
    background: url(../../images/slidebar/teach.png) no-repeat 0 0;
}
body #main #wrapper #slidebar .slide_menu .M10,
html #main #wrapper #slidebar .slide_menu .M10 {
    background: url(../../images/slidebar/bl_pressure.png) no-repeat 0 0;
}
body #main #wrapper #slidebar .slide_menu .M11,
html #main #wrapper #slidebar .slide_menu .M11 {
    background: url(../../images/slidebar/bl_sugar.png) no-repeat 0 0;
}
body #main #wrapper #slidebar .slide_menu .M12,
html #main #wrapper #slidebar .slide_menu .M12 {
    background: url(../../images/slidebar/bf.png) no-repeat 0 0;
}
body #main #wrapper #slidebar .slide_menu .M13,
html #main #wrapper #slidebar .slide_menu .M13 {
    background: url(../../images/slidebar/gu.png) no-repeat 0 0;
}

body #main #wrapper #slidebar .slide_menu ul,
html #main #wrapper #slidebar .slide_menu ul {
    width: 161px;
    clear: both;
    overflow: hidden;
    border-bottom: #ccc solid 1px;
}
body #main #wrapper #slidebar .slide_menu ul li,
html #main #wrapper #slidebar .slide_menu ul li {
    font-size: 12px;
    height: 36px;
    width: 80px;
    float: left;
    color: #808080;
    line-height: 36px;
}
body #main #wrapper #slidebar .slide_menu ul li a:hover,
html #main #wrapper #slidebar .slide_menu ul li a:hover {
    color: #3db39e;
}
body #main #wrapper .right,
html #main #wrapper .right {
    margin-left:222px;
    text-align:center;
    height:600px;
}
body #main #wrapper .right iframe,
html #main #wrapper .right iframe {
    width: 100%;
    /*margin-left: 226px;*/
}

